<div [@routerTransition]>
    <div class="m-subheader">
        <div class="d-flex align-items-center">
            <div class="mr-auto col-xs-6">
                <h3 class="m-subheader__title">
                    <span>成本计算</span>
                </h3>
            </div>
            <div class="col-xs-6 text-right">
                <!-- <button (click)="exportToExcel()" class="btn btn-outline-success"><i class="fa fa-file-excel-o"></i>
                    {{l("ExportToExcel")}}</button> -->
            </div>
        </div>
    </div>
    <div class="m-content">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__body">
                <span style="display: inline-block; width: 280px;">
                    <span style="margin-left:10px;">选择时间：</span>
                    <div style="width:120px;display:inline-block;">
                        <p-calendar [(ngModel)]="selectedDate" (onSelect)="selectChange()" view="month" dateFormat="yy-mm" [yearNavigator]="true" yearRange="2000:2030" [locale]="calendarHelper.cn"></p-calendar>
                    </div>
                </span>
                <div style="display: inline-block; width: 350px;">
                    <span style="margin-left:10px;">车间：</span>
                    <div style="width:200px;display:inline-block;">
                        <select #workShopCombobox name="workShopname" class="form-control" [(ngModel)]="workShop" (change)="selectChange()">
                            <option *ngFor="let workShopCombobox of workShopComboboxs" [value]="workShopCombobox.value">{{ workShopCombobox.displayText }}</option>
                        </select>
                    </div>
                </div>

                <div style="margin-top: 40px;">
                    <div style="margin-bottom: 20px;">间接未计算条数: {{ countResult.actualCount }}</div>
                    <button class="btn btn-success" (click)="actualAccounting()"  [buttonBusy]="isLoading1">计算间接成本</button>
    
                </div>

                <div style="margin-top: 40px;">
                    <div style="margin-bottom: 20px;">直接未计算条数: {{ countResult.directCount }}</div>
                    <button class="btn btn-success" (click)="directAccounting()" [buttonBusy]="isLoading2">计算直接成本</button>
                </div>

            </div>
        </div>
    </div>
</div>
